﻿.itemdetailpage section[role=main] {
    margin-left: 120px;
    margin-right: 120px;
    display: -ms-grid;
    -ms-grid-columns: (1fr)[3];
    -ms-grid-rows: 100px 1fr;
}

@media screen and (orientation: portrait) {
	.itemdetailpage section[role=main] {
		margin-left: 120px;
		margin-right: 120px;
		display: -ms-grid;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: (50px 1fr)[3];
	}

	#population {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}

	#commute {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
		width: 50%;
		-ms-grid-column-align: center;
	}

	#housing {
		-ms-grid-column: 1;
		-ms-grid-row: 6;
	}

	#populationTitle {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}

	#commuteTitle {
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}

	#housingTitle {
		-ms-grid-column: 1;
		-ms-grid-row: 5;
	}
}
